<template>
	<view class="title-box">
		{{props.text}}
	</view>
</template>

<script setup>
	const props = defineProps({
		text: {
			type: String,
			default: '标题'

		}
	})
</script>

<style lang="scss" scoped>
	.title-box {
		min-height: 200rpx;
		display: flex;
		justify-content: center;
		align-items: flex-end;
		text-align: center;
		font-size: $uni-font-size-theme;
		font-weight: bolder;
		box-sizing: border-box;
		padding: $uni-spacing-col-lg 0;
	}
</style>